<html><head>

    <meta charset="utf-8">

    <title></title>

    <link rel="stylesheet" href="css/demo.css">

    <script src="http://www.jq22.com/jquery/1.6.4/jquery.min.js"></script><script src="http://libs.baidu.com/jquery/1.6.4/jquery.min.js"></script>

    <script src="js/awardRotate.js"></script>

    <script>

        $(function (){

            var rotateTimeOut = function (){

                $('#rotate').rotate({

                    angle:0,

                    animateTo:2160,

                    duration:8000,

                    callback:function (){

                        alert('网络超时，请检查您的网络设置！');

                    }

                });

            };

            var bRotate = false;



            var rotateFn = function (awards, angles, txt){

                bRotate = !bRotate;

                $('#rotate').stopRotate();

                $('#rotate').rotate({

                    angle:0,

                    animateTo:angles+1800,

                    duration:8000,

                    callback:function (){

                        alert(txt);

                        bRotate = !bRotate;

                    }

                })

            };



            $('.pointer').click(function (){



                if(bRotate)return;

                var item = rnd(0,7);



                switch (item) {

                    case 0:

                        //var angle = [26, 88, 137, 185, 235, 287, 337];

                        rotateFn(0, 337, '未中奖');

                        break;

                    case 1:

                        //var angle = [88, 137, 185, 235, 287];

                        rotateFn(1, 26, '免单4999元');

                        break;

                    case 2:

                        //var angle = [137, 185, 235, 287];

                        rotateFn(2, 88, '免单50元');

                        break;

                    case 3:

                        //var angle = [137, 185, 235, 287];

                        rotateFn(3, 137, '免单10元');

                        break;

                    case 4:

                        //var angle = [185, 235, 287];

                        rotateFn(4, 185, '免单5元');

                        break;

                    case 5:

                        //var angle = [185, 235, 287];

                        rotateFn(5, 185, '免单5元');

                        break;

                    case 6:

                        //var angle = [235, 287];

                        rotateFn(6, 235, '免分期服务费');

                        break;

                    case 7:

                        //var angle = [287];

                        rotateFn(7, 287, '提高白条额度');

                        break;

                }



                console.log(item);

            });

        });

        function rnd(n, m){

            return Math.floor(Math.random()*(m-n+1)+n)

        }

    </script>

</head>

<body>

<div class="turntable-bg">

    <!--<div class="mask"><img src="images/award_01.png"/></div>-->

    <div class="pointer"><img src="images/pointer.png" alt="pointer"></div>

    <div class="rotate"><img id="rotate" src="images/turntable.png" alt="turntable" style="transform: rotate(287deg);"></div>

</div>



</body></html>